<template>
  <div class="hello">
    <h3>学习vue语法</h3>
      <input type="text" v-model="username">
      <input type="text" v-model="password">
      <p>{{username}}{{password}}</p>
      <button @click="clickGetUserName">提交你的用户名和密码</button>
  </div>
</template>

<script>
export default{
  name: 'HelloWorld',
  data(){
    return{
    username:"",
    password:""
    }
  },
  methods:{
    clickGetUserName(){
      console.log(this.username,this.password);
    }
  }
}
</script>
